<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link type="text/css" rel="styleSheet"  href="../css/mycss.css" />
    <style>
        .main{
             background-color: #fcfcfc;
        }
         .content{
             width: 75%;
             overflow: hidden;
             margin: 0 auto; 
            /*让盒子整体居中*/
         }
         .advlog_bottom{
             margin:  30px auto 0;
         }
         .advlog_bottom img{
             width: 1429px;
             height: 116px;
             border-radius:4px;
         }
         .advlog_bottom p{
             margin-top: 20px;
         }
         
         .gogoup-card-box {
             border-radius: 4px;
             overflow: hidden;
             float: left;
             margin-right: 20.58px;
             background: #fff;
         }
         .box img{
             width: 265px;
             height: 160px;
         }
         .wenzi{
             width: 262px;
             height: 53px;
             background-color: beige;
         }
        
     </style>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <script src="../js/backtop.js"></script>
    <script src="../js/swiper.min.js"></script>
</head>
<body>
    <div class="top">
        <div class="contianer">
            <span>首页</span>
            <span>发现</span>
            <span>同城</span>
            <span>职位</span>
            <span>活动</span>
            <span>正版素材</span>
            <span>课程</span>
        </div>
    </div>
    <div class="banner">
        <img src="../img/banner.jpg" alt="">
    </div>
    <div id = "container1">
        <div class="contianer2">
            <div id = "main">
                <div class = "yz-frist">
                        <img src="../img/1.jpg" width="220px" height="150px">
                        <h4>小米发布会相关传播插画</h4>
                        <p>插画-商业插画</p>
                        <img src="../img/11.JPG">
                        <span>1.2万</span>
                        <img src="../img/12.JPG">
                        <span>62</span>
                        <img src="../img/13.JPG">
                        <span>1144</span><br><br>
                        <div class="second">
                                <hr>
                                <img src="../img/p1.JPG" width="30px" height="30px">
                                <span>乌云男青年 </code></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>两天前</span>
                        </div>
                </div>
                <div class = "yz-frist">
                                <img src="../img/2.jpg"width="220px" height="150px">
                                <h4>/</h4>
                                <p>插画-商业插画</p>
                                <img src="../img/11.JPG">
                                <span>4842</span>
                                <img src="../img/12.JPG">
                                <span>16</span>
                                <img src="../img/13.JPG">
                                <span>207</span><br><br>
                                <div class="second">
                                                <hr>
                                                <img src="../img/p2.JPG"width="30px" height="30px">
                                                <span>殷正</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span>3天前</span>
                                        </div>
                        </div>
                <div class = "yz-frist">
                        <img src="../img/3.jpg"width="220px" height="150px">
                        <h4>王者5V5开黑节海报</h4>
                        <p>插画-商业插画</p>
                        <img src="../img/11.JPG">
                        <span>2.2万</span>
                        <img src="../img/12.JPG">
                        <span>45</span>
                        <img src="../img/13.JPG">
                        <span>564</span><br><br>
                        <div class="second">
                                        <hr>
                                        <img src="../img/p3.JPG"width="30px" height="30px">
                                        <span>恶奔BEN</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <span>4天前</span>
                                </div>
                </div>
                <div class = "yz-frist">
                        <img src="../img/4.jpg"width="220px" height="150px">
                        <h4>尚魏手书</h4>
                        <p>插画-商业插画</p>
                        <img src="../img/11.JPG">
                        <span>1.6万</span>
                        <img src="../img/12.JPG">
                        <span>12</span>
                        <img src="../img/13.JPG">
                        <span>2944</span><br><br>
                        <div class="second">
                                        <hr>
                                        <img src="../img/p4.JPG"width="30px" height="30px">
                                        <span>尚魏</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <span>两天前</span>
                                </div>
                </div>
                <div class = "yz-frist">
                        <img src="../img/5.jpg"width="220px" height="150px">
                        <h4>小蚂蚁---大特写</h4>
                        <p>插画-商业插画</p>
                        <img src="../img/11.JPG">
                        <span>1.7万</span>
                        <img src="../img/12.JPG">
                        <span>119</span>
                        <img src="../img/13.JPG">
                        <span>1144</span><br><br>
                        <div class="second">
                                        <hr>
                                        <img src="../img/p5.JPG"width="30px" height="30px">
                                        <span>深圳瓜哥</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <span>4天前</span>
                                </div>
                </div>
                <div class = "yz-frist">
                                <img src="../img/6.jpg"width="220px" height="150px">
                                <h4>先充值在购课</h4>
                                <p>插画-商业插画</p>
                                <img src="../img/11.JPG">
                                <span>1.2万</span>
                                <img src="../img/12.JPG">
                                <span>62</span>
                                <img src="../img/13.JPG">
                                <span>1144</span><br><br>
                                <div class="second">
                                                <hr>
                                                <img src="../img/p6.JPG"width="30px" height="30px">
                                                <span>站酷高高手</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span>两天前</span>
                                        </div>
                </div>
                <div class = "yz-frist">
                                <img src="../img/7.jpg"width="220px" height="150px">
                                <h4>我是中国人</h4>
                                <p>插画-商业插画</p>
                                <img src="../img/11.JPG">
                                <span>4.2万</span>
                                <img src="../img/12.JPG">
                                <span>162</span>
                                <img src="../img/13.JPG">
                                <span>1144</span><br><br>
                                <div class="second">
                                                <hr>
                                                <img src="../img/p7.JPG"width="30px" height="30px">
                                                <span>乐意123</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span>两天前</span>
                                        </div>
                </div>
                <div class = "yz-frist">
                                <img src="../img/8.jpg"width="220px" height="150px">
                                <h4>现代生活</h4>
                                <p>插画-商业插画</p>
                                <img src="../img/11.JPG">
                                <span>1.2万</span>
                                <img src="../img/12.JPG">
                                <span>62</span>
                                <img src="../img/13.JPG">
                                <span>1144</span><br><br>
                                <div class="second">
                                                <hr>
                                                <img src="../img/p8.JPG"width="30px" height="30px">
                                                <span>大师一号壹哥</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span>4天前</span>
                                        </div>
                </div>
                <div class = "yz-frist">
                                        <img src="../img/9.jpg"width="220px" height="150px">
                                        <h4>焦虑的大叔</h4>
                                        <p>插画-商业插画</p>
                                        <img src="../img/11.JPG">
                                        <span>1.2万</span>
                                        <img src="../img/12.JPG">
                                        <span>62</span>
                                        <img src="../img/13.JPG">
                                        <span>1144</span><br><br>
                                        <div class="second">
                                                        <hr>
                                                        <img src="../img/p9.JPG"width="30px" height="30px">
                                                        <span>黑白凑</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <span>两天前</span>
                                        </div>
                            </div>
                <div class = "yz-frist">
                                <img src="../img/10.jpg"width="220px" height="150px">
                                <h4>僵小鱼</h4>
                                <p>插画-商业插画</p>
                                <img src="../img/11.JPG">
                                <span>1.2万</span>
                                <img src="../img/12.JPG">
                                <span>62</span>
                                <img src="../img/13.JPG">
                                <span>1144</span><br><br>
                </div>                               
    </div>
        </div>
        
    </div>
    <div class="content"> 
        <div class="mainl">
            <div class="mainl_box">
                   <img src="../img/36.jpg" alt="">
                <p>上行案例/贵物&nbsp;品牌形象设计</p>
                <h3>平面-品牌</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>2.3万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>31</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>781</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                        <img src="../img/36-1.jpg">
                    <h3>石昌鸿<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/37.jpg" alt="">
                <p>【字演姓氏】你的姓氏正在呼唤着…</p>
                <h3>平面-海报</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>2.1万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="img/word.png" width="20px" height="20px">
                        <span>49</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>458</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/37-1.jpg">
                    <h3>Martin_K<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/38.jpg" alt="">
                <p>【三只松鼠·鲜乳大饼】零食包装</p>
                <h3>平面-包装</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>0.7万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>75</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>156</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/38-1.jpg">
                    <h3>小狼君LangcerLee<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/39.jpg" alt="">
                <p>腾讯跨界联名公仔QQx正义联盟</p>
                <h3>工业/产品·玩具</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>5.3万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>41</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>151</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/39-1.jpg">
                    <h3>TINYBRAND<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/40.jpg" alt="">
                <p>10月装帧</p>
                <h3>平面·书装/画册</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>2.3万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>31</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>153</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/40-1.jpg">
                    <h3>安宁aiden<h3>
                    <p>3天前</p>
                </div>
            </div>
        </div>
        <div class="mainl">
            <div class="mainl_box">
                <img src="../img/41.jpg" alt="">
                <p>疯狂双11，为创意打call</p>
                <h3>活动-线上活动</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>2.3万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>47</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>641</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                        <img src="../img/40-1.jpg">
                    <h3>站酷小Z<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/42.jpg" alt="">
                <p>从波音到爱马仕、轩尼诗，为何他…</p>
                <h3>文章-专访-多领域</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>9.7万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>35</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>741</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/42-1.jpg">
                    <h3>爱读书的小Z<h3>
                    <p>3天前</p>
                </div>
            </div>
            <div class="mainl_box">
                <img src="../img/43.jpg" alt="">
                <p>STEAM独立游戏《冒险公社》游戏…</p>
                <h3>UI-游戏UI</h3>
                <div>
                    <div class="mainl_box_left">
                        <img src="../img/eye.png" width="20px" height="20px">
                        <span>2.3万</span>
                    </div>
                    <div class="mainl_box_mid">
                        <img src="../img/word.png" width="20px" height="20px">
                        <span>31</span>
                    </div>
                    <div class="mainl_box_right">
                        <img src="../img/hand.png" width="20px" height="20px">
                        <span>781</span>
                    </div>
                </div>
                <div class="mainl_box_bottom">
                    <img src="../img/43-1.jpg">
                    <h3>hotpower<h3>
                    <p>3天前</p>
                </div>
            </div>
        </div>
    </div>
    <div class="commit"> 
        <div class="main">
            <div class="content">
            <div class="advlog_bottom">
                <div class="advlog_bottom img">
                     <img src="../img/z19.jpg">
                </div>
            </div>
            </div>
            <div class="content">
                <div class=".advlog_bottom p">
                    <p style="float: left;">推荐课程</p>
                    <div class=".advlog_bottom p">
                    <p style="float: right;">换一换</p>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="gogoup-card-box">
                    <div class="box img">   
                        <img src="../img/z22.jpg">
                        <p>UI设计怎么学</p>
                    </div>  
                </div>
                <div class="gogoup-card-box">
                        <div class="box img">   
                            <img src="../img/z23.jpg">
                            <p>水彩人物之美</p>
                        </div>  
                </div>
                <div class="gogoup-card-box">
                            <div class="box img">   
                                <img src="../img/z24.jpg">
                                <p>PS软件系统教程</p>
                            </div>  
                </div>
                <div class="gogoup-card-box">
                                <div class="box img">   
                                    <img src="../img/z25.jpg">
                                    <p style="background-color: rgb(248, 248, 248);">AI商业插画：复古潮流风插图绘制</p>
                                </div>  
                </div>
                <div class="gogoup-card-box" style="width: 255px;">
                                    <div class="box img">   
                                        <img src="../img/zp3.jpg">
                                        <p>创意方法论之一本图画书的诞生</p>
                                    </div>  
                </div>
                <div class="hezi">
                                    <div class="main-adv"><img src="../img/AW1.jpg"></div>
                                    <div class="main-mid"><p>主旋律连环画-并蒂竹莲共...</p><span>插画-绘本</span><br>
                                        <img src="../img/AW6.JPG"><span>671</span>
                                        <img src="../img/AW7.JPG"><span>10</span>
                                        <img src="../img/AW8.JPG"><span>69</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW14.png"><span>TomotoAta</span><ul>20小时前</ul></div>
                </div>
                <div class="hezi">
                <div class="main-adv"><img src="../img/AW2.jpg"></div>
                <div class="main-mid"><p>顾城的诗（2）</p><span>插画-插画习作</span><br>
                                        <img src="../img/AW6.JPG"><span>558</span>
                                        <img src="../img/AW7.JPG"><span>63</span>
                                        <img src="../img/AW8.JPG"><span>99</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW15.jpg"><span>春春chunchun</span><ul>6小时前</ul></div>
                </div>
                <div class="hezi">
                                    <div class="main-adv"><img src="../img/AW3.jpg"></div>
                                    <div class="main-mid"><p>很能装的大台面斗柜&八...</p><span>工业/产品-家具</span><br>
                                        <img src="../img/AW6.JPG"><span>580</span>
                                        <img src="../img/AW7.JPG"><span>3</span>
                                        <img src="../img/AW8.JPG"><span>18</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW16.jpg"><span>山隐造物</span><ul>3小时前</ul></div>
                </div>
                <div class="hezi">
                                    <div class="main-adv"><img src="../img/AW4.jpg"></div>
                                    <div class="main-mid"><p>在下左手韩《密室逃脱》</p><span>动漫-中/长漫画</span><br>
                                        <img src="../img/AW6.JPG"><span>5.1万</span>
                                        <img src="../img/AW7.JPG"><span>143</span>
                                        <img src="../img/AW8.JPG"><span>127</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>    
                                    <div class="main-bottom"><img src="../img/AW17.jpg"><span>左手韩</span><ul>7小时前</ul></div>
                </div>
                <div class="hezi">
                                    <div class="main-adv"><img src="../img/AW5.jpg"></div>
                                    <div class="main-mid"><p>【创意周报】十月-第五周</p><span>特别企业</span><br>
                                        <img src="../img/AW6.JPG"><span>2.3万</span>
                                        <img src="../img/AW7.JPG"><span>103</span>
                                        <img src="../img/AW8.JPG"><span>112</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW18.jpg"><span>站酷海洛</span><ul>推广</ul></div>
                </div>
                <div class="hezi">
                                    <div class="main-adv"><img src="../img/AW9.jpg"></div>
                                    <div class="main-mid"><p>神级头汤 热面洒浇 | Mans...</p><span>摄影-静物</span><br>
                                        <img src="../img/AW6.JPG"><span>603</span>
                                        <img src="../img/AW7.JPG"><span>1</span>
                                        <img src="../img/AW8.JPG"><span>23</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW19.jpg"><span>MansionView</span><ul>1小时前</ul></div>
                </div>
                <div class="hezi"><div class="main-adv"><img src="../img/AW10.jpg"></div>
                                    <div class="main-mid"><p>网剧《陈情令》海报设计</p><span>平面-海报</span><br>
                                        <img src="../img/AW6.JPG"><span>2304</span>
                                        <img src="../img/AW7.JPG"><span>9</span>
                                        <img src="../img/AW8.JPG"><span>86</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW20.jpg"><span>艾池</span><ul>9分钟前</ul></div>
                </div>
                <div class="hezi"><div class="main-adv"><img src="../img/AW11.jpg"></div>
                                    <div class="main-mid"><p>给《机甲概念设定解析》...</p><span>插画-概念设定</span><br>
                                        <img src="../img/AW6.JPG"><span>4912</span>
                                        <img src="../img/AW7.JPG"><span>8</span>
                                        <img src="../img/AW8.JPG"><span>67</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW21.jpg"><span>azgcz</span><ul>1小时前</ul></div>
                </div>
                <div class="hezi"><div class="main-adv"><img src="../img/AW12.jpg"></div>
                                    <div class="main-mid"><p>好忙摸的鱼</p><span>插画-插画写作</span><br>
                                        <img src="../img/AW6.JPG"><span>2321</span>
                                        <img src="../img/AW7.JPG"><span>27</span>
                                        <img src="../img/AW8.JPG"><span>74</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW22.jpg"><span>茶--GG</span><ul>4小时前</ul></div>
                </div>
                <div class="hezi"><div class="main-adv"><img src="../img/AW13.jpg"></div>
                                    <div class="main-mid"><p>【创意周报】十一月-第...</p><span>特别企业</span><br>
                                        <img src="../img/AW6.JPG"><span>231</span>
                                        <img src="../img/AW7.JPG"><span>22</span>
                                        <img src="../img/AW8.JPG"><span>32</span>
                                        <hr width="200px" height="1px" color="gray">
                                    </div>
                                    <div class="main-bottom"><img src="../img/AW23.jpg"><span>站酷海洛</span><ul>推广</ul></div>
                </div>
            </div>
        </div>
    </div>
    <div>
        <button onclick="returnTop()" id="btnTop" title="返回顶部">返回顶部</button>
    </div>

    <div class="commit"> </div>
    <div class="back"> </div>
</body>
</html>

